<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@page import= "java.util.List" %>
<%@page import= "beans.MesaBean" %>    
<%List<MesaBean> mesas = (List<MesaBean>)request.getAttribute("mesasSalon"); %>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta charset="utf-8">
	    <link rel="stylesheet" href="css/bootstrap.css" media="screen">
	    <link rel="stylesheet" href="css/font-awesome.min.css">
	    <link rel="stylesheet" href="css/bootswatch.min.css">
	    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	    <!--[if lt IE 9]>
	      <script src="../bower_components/bootstrap/assets/js/html5shiv.js"></script>
	      <script src="../bower_components/bootstrap/assets/js/respond.min.js"></script>
	    <![endif]-->
	</head>
	<body>
		<script src="js/bsa.js"></script>
		<script src="js/jquery.min.js"></script>
		<script src="js/funciones.js"></script>
		<script src="js/bootstrap.min.js"></script>
    	<script src="js/bootswatch.js"></script>
		<script>
			$(document).ready(function(){
				//tomo el valor de cantidad de comensales de la pagina padre
				var cantComensales = window.opener.$("#cantComensales").val();
				$("#cantComensales").val(cantComensales);
				window.opener.$("#cantComensalesError").html("");
			});
		</script>
		<div class="row">
			<div class="col-lg-6">
				<div class="well">
					<form class="bs-example form-horizontal">
						<fieldset>
							<legend>Selecci&oacute;n de Mesas - Sucursal 1</legend>
							<%= (String)request.getAttribute("mapaMesas") %>
							<div id="datosMesas">
								<input type="hidden" id="cantComensales" name="cantComensales" value="" />
								<input type="hidden" id="sector" name="sector" value="" />
								<input type="hidden" id="cantMesasSeleccion" name="cantMesasSeleccion" value="0" />
							</div>	
							<div id="seleccionMesas">
								<input type="hidden" id="mesa_1" name="mesa_1" value="" />
								<input type="hidden" id="mesa_2" name="mesa_2" value="" />
								<input type="hidden" id="mesa_3" name="mesa_3" value="" />
								<input type="hidden" id="mesa_4" name="mesa_4" value="" />
								<input type="hidden" id="mesa_5" name="mesa_5" value="" />
								<input type="hidden" id="mesa_6" name="mesa_6" value="" />
								<input type="hidden" id="mesa_7" name="mesa_7" value="" />
								<input type="hidden" id="mesa_8" name="mesa_8" value="" />
								<input type="hidden" id="mesa_9" name="mesa_9" value="" />
								<input type="hidden" id="mesa_10" name="mesa_10" value="" />
								<input type="hidden" id="mesa_11" name="mesa_11" value="" />
								<input type="hidden" id="mesa_12" name="mesa_12" value="" />
								<input type="hidden" id="mesa_13" name="mesa_13" value="" />
								<input type="hidden" id="mesa_14" name="mesa_14" value="" />
								<input type="hidden" id="mesa_15" name="mesa_15" value="" />
								<input type="hidden" id="mesa_16" name="mesa_16" value="" />
								<input type="hidden" id="mesa_17" name="mesa_17" value="" />
								<input type="hidden" id="mesa_18" name="mesa_18" value="" />
								<input type="hidden" id="mesa_19" name="mesa_19" value="" />
								<input type="hidden" id="mesa_20" name="mesa_20" value="" />
								<input type="hidden" id="mesa_21" name="mesa_21" value="" />
								<input type="hidden" id="mesa_22" name="mesa_22" value="" />
								<input type="hidden" id="mesa_23" name="mesa_23" value="" />
								<input type="hidden" id="mesa_24" name="mesa_24" value="" />
								<input type="hidden" id="mesa_25" name="mesa_25" value="" />
								<input type="hidden" id="mesa_26" name="mesa_26" value="" />
								<input type="hidden" id="mesa_27" name="mesa_27" value="" />
								<input type="hidden" id="mesa_28" name="mesa_28" value="" />
								<input type="hidden" id="mesa_29" name="mesa_29" value="" />
								<input type="hidden" id="mesa_30" name="mesa_30" value="" />
								<input type="hidden" id="mesa_31" name="mesa_31" value="" />
								<input type="hidden" id="mesa_32" name="mesa_32" value="" />
								<input type="hidden" id="mesa_33" name="mesa_33" value="" />
								<input type="hidden" id="mesa_34" name="mesa_34" value="" />
							</div>
							<div class="form_group">
								<div id="div_error"></div>
							</div>
							<div class="form-group">
								<div class="col-lg-10 col-lg-offset-2">	
									<button class="btn btn-default fancybox-close" name="cancelar" onClick="self.close();" value="1">Cancelar</button>
									<button class="btn btn-primary" type="submit" name="seleccionarMesas" onClick="guardarSeleccionMesas();" value="1">Seleccionar</button>
								</div>
							</div>
						</fieldset>
					</form>
				</div>
			</div>
			<div class="col-lg-4 col-lg-offset-1">
			</div>
		</div>
		    
	</body>
</html>